---
title: Фірмове оформлення
---

import { LinkButton } from '@astrojs/starlight/components';

Ці активи ліцензовані за [CC-BY-SA-4.0](https://github.com/LinwoodDev/Butterfly/blob/develop/BRANDING_LICENSE).

## Логотип

![Logo](/img/logo.svg)

<div class="sl-flex stack">
  <LinkButton href="/img/logo.svg">SVG</LinkButton>
  <LinkButton href="/img/logo.png">PNG</LinkButton>
</div>

## Нічний логотип

![Logo](/img/nightly.svg)

<div class="sl-flex stack">
  <LinkButton href="/img/nightly.svg">SVG</LinkButton>
  <LinkButton href="/img/nightly.png">PNG</LinkButton>
</div>

## Стяг

![Banner](/img/banner.svg)

<div class="sl-flex stack">
  <LinkButton href="/img/banner.svg">SVG</LinkButton>
  <LinkButton href="/img/banner.png">PNG</LinkButton>
</div>

## Документація

![Documentation](/img/docs.svg)

<div class="sl-flex stack">
  <LinkButton href="/img/docs.svg">SVG</LinkButton>
  <LinkButton href="/img/docs.png">PNG</LinkButton>
</div>

## Кольори

* Первинний: `#c4840d`
* Акцент: `#7b8f96`

## Шрифти

* Веб-сайт: `Барло`
* App: `Comfortaa`

## Скріншоти

> Використовується в режимі реагування файловому дизайну

* Телефон: Galaxy S20 Ultra
* 7-дюймовий планшет: Nexus 7
* Планшет 10-дюйм: Nexus 10
